import Vue from 'vue'
import Vuex from 'vuex'
import login from './module/login'
import getters from './module/getters'
import createPersistedState from 'vuex-persistedstate'
import { getNameAPI } from '@/api/index'
Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    userInfo: {}//--保存用户信息
  },
  mutations: {
    updateUserInfo(state, val) {
      state.userInfo = val
    }
  },
  actions: {
    // 调用获取用户信，请求请求接口
    async getUserInfo({ commit }) {
      let { data: res } = await getNameAPI()
      commit('updateUserInfo', res.data)
    }
  },
  modules: {
    login
  },
  getters,
  // +配置为 vuex 的插件
  plugins: [createPersistedState()]
})
